<template>
  <span class="text" :style="{ backgroundColor: bgColor}">{{text}}</span>
</template>

<script type="text/ecmascript-6">
export default {
  name: 'label-title',
  props: {
    text: {
      type: String,
      default: () => ''
    },
    bgColor: {
      type: String,
      default: '#F36D6D'
    }
  }
}
</script>

<style lang="stylus" rel="stylesheet/stylus" scoped>
  .text
    display: inline-block
    line-height: 16px
    font-size: 10px
    color: #FFFFFF
    border-radius: 2px
    padding: 0 3px

</style>
